<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,width=device-width">
  <title>图书漂流网站</title>
  <link rel="shortcut icon" type="image/x-icon" href="./src/assets/img/favicon.ico" rel="external nofollow" />
</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
  <script>
    /**
 * [在ios10上，为了提高Safari中网站的辅助功能，即使网站在视口中设置了user-scalable = no，用户也可以手动缩放。解决方案：添加监听事件来阻止缩放]
 * @return {[type]} [description]
 */
    window.onload = function() {
      document.addEventListener('touchstart', function(event) {
        if (event.touches.length > 1) {
          event.preventDefault();
        }
      });
      var lastTouchEnd = 0;
      document.addEventListener('touchend', function(event) {
        var now = (new Date()).getTime();
        if (now - lastTouchEnd <= 300) {
          event.preventDefault();
        }
        lastTouchEnd = now;
      }, false);
    };
  </script>
</body>

</html>
